import PropTypes from 'prop-types';
import React from 'react';
import { Path } from 'react-native-svg';
import Svg from '../Svg';

const QRCodeIcon = ({ color: givenColor, colors, ...props }) => {
  const color = givenColor || colors.black;
  return (
    <Svg fill="none" height="16" viewBox="0 0 16 16" width="16" {...props}>
      <Path
        clipRule="evenodd"
        d="M0 3.66667C0 2.42273 0 1.80077 0.231073 1.32094C0.460423 0.844687 0.844687 0.460423 1.32094 0.231073C1.80077 0 2.42273 0 3.66667 0C4.9106 0 5.53257 0 6.0124 0.231073C6.48865 0.460423 6.87291 0.844687 7.10226 1.32094C7.33333 1.80077 7.33333 2.42273 7.33333 3.66667C7.33333 4.9106 7.33333 5.53257 7.10226 6.0124C6.87291 6.48865 6.48865 6.87291 6.0124 7.10226C5.53257 7.33333 4.9106 7.33333 3.66667 7.33333C2.42273 7.33333 1.80077 7.33333 1.32094 7.10226C0.844687 6.87291 0.460423 6.48865 0.231073 6.0124C0 5.53257 0 4.9106 0 3.66667ZM1.66667 3.26667C1.66667 2.70661 1.66667 2.42659 1.77566 2.21268C1.87153 2.02451 2.02451 1.87153 2.21268 1.77566C2.42659 1.66667 2.70661 1.66667 3.26667 1.66667H4.06667C4.62672 1.66667 4.90675 1.66667 5.12066 1.77566C5.30882 1.87153 5.4618 2.02451 5.55767 2.21268C5.66667 2.42659 5.66667 2.70661 5.66667 3.26667V4.06667C5.66667 4.62672 5.66667 4.90675 5.55767 5.12066C5.4618 5.30882 5.30882 5.4618 5.12066 5.55767C4.90675 5.66667 4.62672 5.66667 4.06667 5.66667H3.26667C2.70661 5.66667 2.42659 5.66667 2.21268 5.55767C2.02451 5.4618 1.87153 5.30882 1.77566 5.12066C1.66667 4.90675 1.66667 4.62672 1.66667 4.06667V3.26667Z"
        fill={color}
        fillRule="evenodd"
      />
      <Path
        clipRule="evenodd"
        d="M8.66667 3.66667C8.66667 2.42273 8.66667 1.80077 8.89774 1.32094C9.12709 0.844687 9.51135 0.460423 9.98761 0.231073C10.4674 0 11.0894 0 12.3333 0C13.5773 0 14.1992 0 14.6791 0.231073C15.1553 0.460423 15.5396 0.844687 15.7689 1.32094C16 1.80077 16 2.42273 16 3.66667C16 4.9106 16 5.53257 15.7689 6.0124C15.5396 6.48865 15.1553 6.87291 14.6791 7.10226C14.1992 7.33333 13.5773 7.33333 12.3333 7.33333C11.0894 7.33333 10.4674 7.33333 9.98761 7.10226C9.51135 6.87291 9.12709 6.48865 8.89774 6.0124C8.66667 5.53257 8.66667 4.9106 8.66667 3.66667ZM10.3333 3.26667C10.3333 2.70661 10.3333 2.42659 10.4423 2.21268C10.5382 2.02451 10.6912 1.87153 10.8793 1.77566C11.0933 1.66667 11.3733 1.66667 11.9333 1.66667H12.7333C13.2934 1.66667 13.5734 1.66667 13.7873 1.77566C13.9755 1.87153 14.1285 2.02451 14.2243 2.21268C14.3333 2.42659 14.3333 2.70661 14.3333 3.26667V4.06667C14.3333 4.62672 14.3333 4.90675 14.2243 5.12066C14.1285 5.30882 13.9755 5.4618 13.7873 5.55767C13.5734 5.66667 13.2934 5.66667 12.7333 5.66667H11.9333C11.3733 5.66667 11.0933 5.66667 10.8793 5.55767C10.6912 5.4618 10.5382 5.30882 10.4423 5.12066C10.3333 4.90675 10.3333 4.62672 10.3333 4.06667V3.26667Z"
        fill={color}
        fillRule="evenodd"
      />
      <Path
        clipRule="evenodd"
        d="M0.231073 9.98761C0 10.4674 0 11.0894 0 12.3333C0 13.5773 0 14.1992 0.231073 14.6791C0.460423 15.1553 0.844687 15.5396 1.32094 15.7689C1.80077 16 2.42273 16 3.66667 16C4.9106 16 5.53257 16 6.0124 15.7689C6.48865 15.5396 6.87291 15.1553 7.10226 14.6791C7.33333 14.1992 7.33333 13.5773 7.33333 12.3333C7.33333 11.0894 7.33333 10.4674 7.10226 9.98761C6.87291 9.51135 6.48865 9.12709 6.0124 8.89774C5.53257 8.66667 4.9106 8.66667 3.66667 8.66667C2.42273 8.66667 1.80077 8.66667 1.32094 8.89774C0.844687 9.12709 0.460423 9.51135 0.231073 9.98761ZM1.77566 10.8793C1.66667 11.0933 1.66667 11.3733 1.66667 11.9333V12.7333C1.66667 13.2934 1.66667 13.5734 1.77566 13.7873C1.87153 13.9755 2.02451 14.1285 2.21268 14.2243C2.42659 14.3333 2.70661 14.3333 3.26667 14.3333H4.06667C4.62672 14.3333 4.90675 14.3333 5.12066 14.2243C5.30882 14.1285 5.4618 13.9755 5.55767 13.7873C5.66667 13.5734 5.66667 13.2934 5.66667 12.7333V11.9333C5.66667 11.3733 5.66667 11.0933 5.55767 10.8793C5.4618 10.6912 5.30882 10.5382 5.12066 10.4423C4.90675 10.3333 4.62672 10.3333 4.06667 10.3333H3.26667C2.70661 10.3333 2.42659 10.3333 2.21268 10.4423C2.02451 10.5382 1.87153 10.6912 1.77566 10.8793Z"
        fill={color}
        fillRule="evenodd"
      />
      <Path
        d="M11.6667 10.3333C11.6667 11.0697 11.0697 11.6667 10.3333 11.6667C9.59695 11.6667 9 11.0697 9 10.3333C9 9.59695 9.59695 9 10.3333 9C11.0697 9 11.6667 9.59695 11.6667 10.3333Z"
        fill={color}
      />
      <Path
        d="M15.6667 10.3333C15.6667 11.0697 15.0697 11.6667 14.3333 11.6667C13.597 11.6667 13 11.0697 13 10.3333C13 9.59695 13.597 9 14.3333 9C15.0697 9 15.6667 9.59695 15.6667 10.3333Z"
        fill={color}
      />
      <Path
        d="M14.3333 15.6667C15.0697 15.6667 15.6667 15.0697 15.6667 14.3333C15.6667 13.597 15.0697 13 14.3333 13C13.597 13 13 13.597 13 14.3333C13 15.0697 13.597 15.6667 14.3333 15.6667Z"
        fill={color}
      />
      <Path
        d="M11.6667 14.3333C11.6667 15.0697 11.0697 15.6667 10.3333 15.6667C9.59695 15.6667 9 15.0697 9 14.3333C9 13.597 9.59695 13 10.3333 13C11.0697 13 11.6667 13.597 11.6667 14.3333Z"
        fill={color}
      />
    </Svg>
  );
};

QRCodeIcon.propTypes = {
  color: PropTypes.string,
};

export default QRCodeIcon;
